<template>
   <div>
         <img :src="User.headphoto" class="headphoto" v-if="User">
         <button class="flex" >留下精彩的评论吧!</button>
   </div>
</template>
<script>
import { mapState } from 'vuex'
  export default 
  {
     name :'', 
     computed:{
        ...mapState('Login',['User'])
     }
  }
</script>
<style scoped lang='less'>
img{
    margin-right: 10px;
}
button{
    width: 100%;
    border-radius: 10px;
    background: var(--BackColor);
    color: var(--fontColor);

    font-size: 18px;
    padding:  10px;
    box-sizing: border-box;
    justify-content: flex-start;

    
}
</style>